<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>堆色块</title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }

            .s {
                width: 1141px;
                margin: auto;
            }

            .s1{
                background: coral;
                height: 105px;
            }

            .d {
                background: greenyellow;
                margin: auto;
                height: 105px;
            }

            .s2{
                height: 458px;
                background: lightslategrey;
            }

            .c {
                height: 385px;
                background: blueviolet;
            }
            .s3{
                background: coral;
                height: 543px;
            }
            .s4{
                background: greenyellow;
                margin: auto;
                height: 543px;
            }
            .exp{
                height: 809px;
                padding-bottom: 30px;
            }
            .exp div:nth-child(1){
                background: palegoldenrod;
                height: 182px;
            }
            .exp div:nth-child(2){
                height: 567px;
                background: peru;
            }
            .new{
                height: 350px;
                background: purple;
            }
            .new div{
                height: 350px;
                background: yellow;
            }
            footer{
                height: 138px;
                background: palevioletred;
            }
        </style>
    </head>
    <body>
        <div class="s1">
            <div class="d s"></div>
        </div>
        <div class="s2"></div>
        <div class="c s">
        </div>
        <div class="s3">
            <div class="s4 s"></div>
        </div>
        <div class="exp s">
            <div></div>
            <div></div>
        </div>
        <div class="new">
            <div class="s"></div>
        </div>
        <footer>
        </footer>
    </body>
</html>